---
template: splash
title: Bloc State Management Library
description:
  Official documentation for the bloc state management library. Support for
  Dart, Flutter, and AngularDart. Includes examples and tutorials.
banner:
  content: |
    ✨ Bisitahin ang
    <a href="https://shop.bloclibrary.dev">Bloc Shop</a> ✨
editUrl: false
lastUpdated: false
hero:
  title: Bloc <sup><span style="font-size:0.4em">v9.1.0</span></sup>
  tagline: Isang library para sa maaasahang pamamahala ng state sa Dart
  image:
    alt: Bloc logo
    file: ~/assets/bloc.svg
  actions:
    - text: Magsimula
      link: /fil/getting-started/
      variant: primary
      icon: rocket
    - text: Bisitahin sa GitHub
      link: https://github.com/felangel/bloc
      icon: github
      variant: secondary
---

import { CardGrid } from '@astrojs/starlight/components';
import SponsorsGrid from '~/components/landing/SponsorsGrid.astro';
import Card from '~/components/landing/Card.astro';
import ListCard from '~/components/landing/ListCard.astro';
import SplitCard from '~/components/landing/SplitCard.astro';
import Discord from '~/components/landing/Discord.astro';

<SponsorsGrid
	sponsoredBy="Inisponsor nang may 💖 ni"
	becomeASponsor="Maging isponsor"
/>

<hr />

<CardGrid>

<SplitCard title="Magsimula" icon="rocket">
	```sh
	# Idagdag ang bloc sa iyong proyekto.
	dart pub add bloc
	```

Ang aming [gabay sa pagsisimula](/fil/getting-started) ay naglalaman ng mga
sunod-sunod na instruction kung paano magsimula sa paggamit ng Bloc sa loob
lamang ng ilang minuto.

</SplitCard>

<Card title="Mag-tour ng may patnubay" icon="star">
	Kumpletuhin [ang opisyal na pagtuturo](/fil/tutorials/flutter-counter) para
	matutuhan ang tamang practices at gumawa ng iba't-ibang apps gamit si Bloc.
</Card>

<Card title="Gumawa gamit ang Bloc" icon="laptop">
	Siyasatin ang mga [halimbawang
	apps](https://github.com/felangel/bloc/tree/master/examples) na may mataas na
	kalidad at puno ng test tulad ng counter, timer, infinite list, weather, todo
	at iba pa!
</Card>

<ListCard title="Matuto" icon="open-book">

    - [Bakit Bloc?](/fil/why-bloc)
    - [Mahahalagang Konsepto](/fil/bloc-concepts)
    - [Arkitektura](/fil/architecture)
    - [Pag-test](/fil/testing)
    - [Kumbensyon sa Pagpangalan](/fil/naming-conventions)
    - [FAQs](/fil/faqs)

</ListCard>

  <ListCard title="Integrasyon" icon="puzzle">
    - [Integrasyon sa VSCode](https://marketplace.visualstudio.com/items?itemName=FelixAngelov.bloc)
    - [Integrasyon sa IntelliJ](https://plugins.jetbrains.com/plugin/12129-bloc)
    - [Integrasyon sa Neovim](https://github.com/wa11breaker/flutter-bloc.nvim)
    - [Integrasyon sa Mason CLI](https://github.com/felangel/bloc/blob/master/bricks/README.md)
    - [Personal na Template](https://brickhub.dev/search?q=bloc)
    - [Integrasyon sa Developer Tools](https://github.com/felangel/bloc/blob/master/packages/bloc_tools/README.md)
  </ListCard>
</CardGrid>

<Discord joinDiscord="Sumali sa aming Discord" />
